<template>
  <div>
    <ul class="as">
      <li v-for="item in list" :key="item.name">
        <span>{{ item.name }}</span> <i @click="godet(item)"> > </i>
      </li>
      <div class="loginOut" @click="loginout">退出登录</div>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          name: "个人资料",
          path: "/person",
        },
    
        {
          name: "用户协议",
          path: "/userxy",
        },
        {
          name: "关于我们",
          path: "/aboutas",
        },
        {
          name: "意见反馈",
          path: "/yijian",
        },
      ],
    };
  },
  methods: {
      loginout(){
          this.$store.state.token = ''
          this.$router.push('/')
      },
    godet(item) {
      this.$router.push(item.path);
    },
  },
};
</script>

<style scoped>
span {
  margin-left: 5vw;
}
.as i {
  margin-right: 8vw;
  font-style: normal;
}
.as li {
  list-style: none;
  padding: 10px;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
}
.loginOut {
  width: 79vw;
  height: 7vh;
  text-align: center;
  line-height: 7vh;
  background: #f0efef;
  color: red;
  margin: 0 auto;
  margin-top: 10vh;
  border-radius: 25px;
  /* border: 1px solid #000; */
}
</style>